.doc-site-page {
    &__container {
        overflow: hidden;
    }
    &__content {
        flex: 8 4;
        min-width: 45rem;
        overflow: auto;
    }
    &__index {
        flex: 1 1 15rem;
        overflow: auto;

        // These ul styles are copied from https://github.com/sourcegraph/docs.sourcegraph.com layout.css. They
        // should be kept in sync.
        > ul {
            margin-top: 0.125rem;
            padding-left: 1rem;
        }
        > ul ul {
            padding-left: 1.25rem;
        }
        > ul li {
            list-style: none;
        }
        > ul li::before {
            margin-left: -0.8rem;
            content: '\203A\00a0';
        }
    }
}

.theme-light .doc-site-page {
    background-color: $color-light-bg-3;
    &__content {
        background-color: $color-light-bg-1;
    }
}

.theme-dark .doc-site-page {
    background-color: $color-bg-3;
    &__content {
        background-color: $color-bg-1;
    }
}
